/**
 * 尊敬的用户，你好：页面 JS 面板是高阶用法，一般不建议普通用户使用，如需使用，请确定你具备研发背景，能够自我排查问题。
 * 我们可以用 JS 面板来开发一些定制度高功能，比如：调用API接口，自定义动作执行等等。
 */

// 当页面渲染完毕后马上调用下面的函数，这个函数是在当前页面 - 设置 - 生命周期 - 页面加载完成时中被关联的。
export function didMount() {
    ("「页面 JS」：当前页面地址 " + location.href);
    debugger
    const ICON_BASE = api.CONST["bd_var:90c575d8-ac78-4268-9804-cfdb41fea564"];
    const self = this;
    const cards = [
        {
            id: "text_c0rgc7",
            label: "主体检查趋势分析",
            icon: "56S+5Lya5Li75L2TLeW3peS9nOWPsC3kuLvkvZPotovlirliIbmnpA.png"
        },
        {id: "text_f1b297", label: "区域信用排行", icon: "5pWw5o2u5oC76KeI.png"},
        {id: "text_gtl5n0", label: "主体信用分析", icon: "56S+5Lya5Li75L2TLeW3peS9nOWPsC3kuLvkvZPkv6HnlKjliIbmnpA.png"},
        {id: "text_ckxb9t", label: "队伍工作统计", icon: "56S+5Lya5Li75L2TLeW3peS9nOWPsC3nu5orqE.png"},
        {id: "text_6euz4h", label: "社会主体画像", icon: "5pWw5o2u5oC76KeI.png"}
    ];

    cards.forEach(card => {
        const html = `
          <div style="display: flex; align-items: center; height: 0.56rem;">
              <div style="width: 0.36rem; height: 0.36rem; background-color: #F0F9FF; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 0.1rem;">
                  <img src="${ICON_BASE}/${card.icon}" alt="图标" style="width: 0.15rem; height: 0.15rem;"> 
              </div>
              <div style="margin-left: 0.1rem; font-size: 0.14rem; line-height: 0.22rem;">
                  ${card.label} 
              </div>
          </div>`;

        self.$$(card.id).$$setValue(html);
    });


}
